<template>
  <div>
    <!-- 帮贡兑换 -->
    <van-nav-bar
      :border="false"
      title="烘焙帮"
      left-arrow
      @click-left="onClickLeft"
    />
    <div class="title">关于“帮贡商城系统暂停”公告</div>
    <div class="text">
      <span>亲爱的帮友们：</span>
      <span>帮贡商城已于2022年10月28日升级完成！本次升级：</span>
      <span>由于团队资金有限，暂停帮贡兑换，后续还请关注官方消息</span>
      <span
        >感谢所有帮友对此次升级的理解与配合，我们也将继续不懈努力，为广大帮友提供更好的服务！</span
      >
    </div>
    <div class="bottom">
      <span>烘焙帮</span>
      <span>2022年10月28日</span>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    onClickLeft() {
      return this.$router.go(-1);
    },
  },
};
</script>

<style scoped>
:deep(.van-nav-bar .van-icon) {
  color: #000;
}
.title {
  line-height: 50px;
  font-size: 18px;
  font-weight: bold;
  color: #4a4945;
  text-align: center;
}
.text {
  margin: 0 auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.text > span {
  font-size: 14px;
  line-height: 20px;
  color: #4a4945;
  margin: 10px 0;
}
.bottom {
  padding: 0 20px;
  height: 50px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
.bottom > span {
  font-size: 14px;
  color: #4a4945;
}
</style>

<style lang="scss" scoped></style>
